<template>
	<view>
		<view v-if="showStore == true" class="flex space alcenter mb30">
			<view class="flex alcenter">
				<image class="unio2o-store-logo" :src="''"></image>
				<view  class="ml20 ft16 text-w opacity8">
					卡夫卡少儿艺术培训…
				</view>
			</view>
			<view class="ft14 text-w opacity8">
				<text>距我</text>
				<text>1.2km</text>
			</view>
		</view>
		<view  class="unio2o-coupon-ad bg-w box-shadow pd30 flex space bdr16">
			<image class="type" :src="''"></image>
			<view class="flex space alcenter main">
				<view class="flex alcenter">
					<view class="text-theme text-center w50">
						<text class="ft14">￥</text>
						<text class="ft24 ftw600">50</text>
					</view>
					<view class="ml40">
						<view class="ft16 ftw600">50元优惠券</view>
						<view class="mt10 ft14 text-notice">
							{{showStore ? '商家自营券' :'联盟平台'}}
						</view>
						<view class="ft14 text-notice mt10">
							满100可用
						</view>
					</view>
				</view>
				
				<view  :class="isGet ? 'dis' : ''" @click="isGet = true" class="btn ft14 text-w ftw600 text-center">
					{{isGet ? '已领取' : '免费领取'}}
				</view>
			
			</view>		
			
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			
			showStore:{
				type:Boolean,
				default:true
			}
		},
		data(){
			return {
				isGet:false,
			}
		}
	}
</script>

<style>
	.unio2o-coupon-ad{
		position: relative;
	}
	.unio2o-coupon-ad .type{
		position: absolute;
		width: 100rpx;
		height: 100rpx;
		left: 0;
		top: 0;
	}
	.unio2o-coupon-ad .main{
		height: 172rpx;
		width: 100%;
	}
	.unio2o-coupon-ad .btn{
		width:160rpx;
		height:64rpx;
		background:#FF6D00;
		box-shadow:0rpx 8rpx 16rpx 0rpx rgba(255,109,0,0.3);
		border-radius:32rpx;
		line-height: 64rpx;
	}
	.unio2o-coupon-ad .btn.dis{
		background: #CCCCCC;
		box-shadow:0rpx 8rpx 16rpx 0rpx rgba(0,0,0,0.08);
	}
</style>